<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>电影展示</title>
    <link rel="stylesheet" href="assets/css/reset.css">
    <link rel="stylesheet" type="text/css" href="assets/css/wap.css">
</head>

<body ng-app="moviecat" ng-controller='mainController'> 
    <!-- 顶部导航栏开始 -->
    <div class="top">
        <div class="header">
            <div class="search">
            	<form ng-submit='search()'>
            		<input ng-model='query' class="my-input" type="text" placeholder="电影搜索">
                	<button>搜索</button>
            	</form>
                
            </div>
        </div>
        <nav class="nav">
            <ul>
                <!--li中添加 active 类样式，显示焦点状态。-->
                <li class="active" auto-active><a href="#/home_page">首页</a></li>
                <li auto-active><a href="#/in_theaters">正在热映</a></li>
                <li auto-active><a href="#/coming_soon">即将上映</a></li>
                <li auto-active><a href="#/top250">Top250</a></li>
            </ul>
        </nav>
    </div>
    <div class="container">
        <!-- 顶部导航栏结束 -->
        <div ng-view></div>
        <!-- 首页开始 -->

    </div>
    <footer class="footer">
        <div class="container">
            <p>版权所有&copy; 无敌无敌帅的我</p>
        </div>
    </footer>
    <script src="assets/js/prefixfree.min.js"></script>
    <script src="../node_modules/angular/angular.min.js"></script>
    <script src="../node_modules/angular-route/angular-route.min.js"></script>
    <!--<script src="in_theaters/in_thea.js"></script>-->
    <!--<script src="coming_soon/coming_soon.js"></script>-->
    <!--路由模块-->

    <script src="detail/detail.js"></script>
    <script src="top/top.js"></script>

    <!--jsonp实现模块-->
    <script src="components/http-server.js"></script>
    <script src='components/auto.js'></script>
   
    <script src="home_page/home_page.js"></script>
    <script src="app.js"></script>    <!-- 主模块，引入-->
    


</body>

</html>
